<template>
	<view class="container">
		<!-- f1：用户信息卡 -->
		<view class="f1">
			<image class="img1" src="/static/img/discover/touXiang3.png" mode="widthFix"/>
			<view class="info">
				<text class="info1">小千库</text>
				<text class="info2">刚刚发布</text>
			</view>
			<view class="img2">
				<image src="/static/img/discover/man.png" mode="widthFix"/>
				<image src="/static/img/discover/Vip.png" mode="widthFix"/>
			</view>
			<uni-tag>关注</uni-tag>
		</view>
		<!-- f2：图片 -->
		<!-- f3：播放 -->
	</view>
</template>

<script>
	export default {
		name:"discoverCard",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.container{
	.f1{
		flex-direction: row;
		.img1{
			width: $uni-img-size-lg*1.3;
		}
		.info{
			.info1{
				font-size: $uni-font-size-lg;
				font-weight: bold;
			}
			.info2{
				color: $uni-text-color-disable;
				font-size: $uni-font-size-sm;
			}
		}
		.img2{
			flex-direction: row;
			image{
				width: $uni-img-size-sm*0.8;
				margin-left: $uni-spacing-row-base;
			}
		}
	}
}
</style>